﻿@inherits LayoutComponentBase

<div class="page">
    <AuthorizeView>
        <Authorized>
            <div id="sidebar" class="hidden lg:fixed lg:inset-y-0 lg:flex lg:flex-col bg-primary-700 w-64">
                <LinkHome Class="flex flex-shrink-0 items-center p-5 pb-3 pr-10 gap-1" Size="@LinkHome.Sizes.Large" />
                <NavMenu />
            </div>
            <div id="navbar-mobile" class="navbar-mobile">
                <button id="btn-sidebar-open" type="button" class="-ml-0.5 -mt-0.5 inline-flex h-12 w-12 items-center justify-center rounded-md text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500">
                    <span class="sr-only">Open sidebar</span>
                    <HamburgerIcon />
                </button>
            </div>
                
            <!-- Close button for the sidebar -->
            <div class="hidden absolute inset-0 bg-black opacity-50 z-40" id="sidebar-overlay"></div>
                
            <div class="content-container-authorized">
                <main>
                    @Body
                </main>
            </div>
        </Authorized>
        <NotAuthorized>
            <div class="sidebar-anonymous">
                <LinkHome Size="@LinkHome.Sizes.Small" />
            </div>
            <div class="content-container-anonymous">
                <main>
                    @Body
                </main>
            </div>
        </NotAuthorized>
    </AuthorizeView>
</div>
